<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title id='tt'></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="./css/mui.min.css" rel="stylesheet" />
		<script src="./lib/jquery-2.1.4.js"></script>
		<script src="/web/statics/public/js/base.js"></script>
	</head>
	<body>
		<div class="mui-content">
			<ul class="mui-table-view" id="titlelist">
			</ul>
		</div>
	</body>
	<script>
	function a(d,title){
		window.location.href ='propagateDetail.html?id='+d.id;
		th.target ="_blank";
	}
	$(document).ready(function(){
                var value =$.getUrlParam("id");
    			var title =  $.getUrlParam("title");
    			document.getElementById("tt").innerHTML = title;

                $.ajax({
		            type: "post",
		            url: "/h5prop/querypropbyId",
					dataType:"JSON",
					type:"POST",
					data:{id:value},
					success:function(data){
						// mui.toast(JSON.parse(data.length));
						var content="";
						var d = data;
						// alert(data)
						for(var i=0;i<d.length;i++){
							content+="<li class=\"mui-table-view-cell mui-media\">"+
							"<a href=\"javascript:;\" onclick=\"a(this,'"+d[i].title+"')\" id=\""+d[i].id+"\">"+
							"<img style=\"width:50px;height:50px;\"  class=\"mui-media-object mui-pull-left\" src=\""+d[i].photo+"\">"+
							"<div class=\"mui-media-body\">"+
							"<p class='mui-ellipsis'>"+d[i].title+"</p>"+
							"<p class='mui-ellipsis'>"+d[i].subtitle+"</p>"+
							"<p class='mui-ellipsis'>"+d[i].reletime+"</p>"+
							"</div>"+
							"</a>"+
							"</li>"
						}
						document.getElementById("titlelist").innerHTML=content;
						
					},
					error:function(e,type){
						//mui.toast(type);
					}
		});
    });
	</script>
</html>
